<template>
  <div>
    <el-table
      v-loading="loading"
      :data="list"
      border
      stripe
      :key="1"
    >
      <el-table-column label="序号" align="center" type="index"></el-table-column>
      <el-table-column label="企业名称" align="center" prop="companyName"/>
      <el-table-column label="组织机构代码（统一社会信用代码）" align="center" prop="orgCode" min-width="220"/>
      <el-table-column label="企业总人数" align="center" prop="peopleTotal"/>
      <el-table-column label="归属行政区" align="center" prop="belongRegion" />
      <el-table-column label="注册日期" align="center" prop="registerDate"/>
      <el-table-column label="操作" align="center" prop="applyState">
        <template slot-scope="scope">
          <div>
            审核
          </div>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total > 0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
      class="pagination-container"
    />
  </div>
</template>
<script>
import {
  companyFileQuery
} from "@/api/manage/approval";
export default {
  name: "archivesList",
  data() {
    return {
        // 遮罩层
        loading: false,
        list:[],
        queryParams: {
            pageNum:1,
            pageSize: 10
        },
        total: 0,
    }
  },
  created() {
    this.getList()
  },
  methods: {
    getList() {
      this.loading = true;
      companyFileQuery(this.queryParams)
        .then(res => {
          console.log(res, "23232");
          if (res.errorCode == "000000") {
            this.list = res.data.list;
            this.total = res.data.total;
          }
        })
        .finally(() => {
          this.loading = false;
        });
    },
  }
};
</script>
<style lang="scss" scoped>
</style>